<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>用户订单列表</title>
	<link rel="stylesheet" href="../css/common/mui.css" />
	<link rel="stylesheet" href="../css/common/common.css" />
	<link rel="stylesheet" href="../css/this/user.css" />
	<link rel="stylesheet" href="../layer/skin/layer.css" />
</head>
<body>
		<ul class='bB cl lH44 tC oF nav-ul bGWhite theFirst'>
			<li class='fS15 fWB pSR w20' data-status ='5'>
				<h2 class='fS15 fWN font-active'>全部</h2>
				<i></i>
			</li>
			<li class='fS15 fWB pSR w20' data-status ='1'>
				<h2 class='fS15 fWN '>待付款</h2>
				<i></i>
			</li>
			<li class='fS15 fWB pSR w20' data-status ='2'>
				<h2 class='fS15 fWN '>待发货</h2>
				<i></i>
			</li>
			<li class='fS15 fWB pSR w20' data-status ='3'>
				<h2 class='fS15 fWN '>待收货</h2>
				<i></i>
			</li>
			<li class='fS15 fWB pSR w20' data-status ='4'>
				<h2 class='fS15 fWN '>已完成</h2>
				<i></i>
			</li>
		</ul>
	<!--订单单元开始-->
	<div class='mT44 explain' style='height:1px'></div>
	<div class='order-list1'></div>
	<script type='text/template' id='tpl-order-list1'>
		{{if list.length > 0}}
		{{each list as list}}
		<div class='mT7 bGWhite list-o ' data-id='{{list.order_id}}' >
			<section class='mui-row lH50 bB bill-head bT'>
				<div class='mui-col-xs-3 tC bR'>
					{{if list.status == 0}}
					<h2 class='cRed fS15 dIB lH50 tC'>取消订单</h2>
					{{else if list.status == 1}}
					<h2 class='cRed fS15 dIB lH50 tC'>待付款</h2>
					{{else if list.status == 2}}
					<h2 class='cRed fS15 dIB lH50 tC'>待发货</h2>
					{{else if list.status == 3}}
					<h2 class='cRed fS15 dIB lH50 tC'>待收货</h2>
					{{else if list.status == 4}}
					<h2 class='cRed fS15 dIB lH50 tC'>已完成</h2>
					{{/if}}
				</div>
				<div class='mui-col-xs-6 pL12'>
					<p class='cGrey fS13'>{{list.create_time}}</p>
				</div>
				
				<div class='mui-col-xs-3 tR pR16'>
					<img src="../img/icon/right.png" class='rightC vm'/>
				</div>
			</section>
			<section class='order-list'>
				{{each list.product_list as listin}}
				<div class='mui-row bB product-mess list-detail'>
					<div class='mui-col-xs-3 pL10  pT10 pB7 pR10'>
						<img src="{{listin.pic}}" class='product-img b'/>
					</div>
					<div class='mui-col-xs-9 pL10 pT12 pSR pR17'>
						<div class='title'>
							<div class='mui-row title'>
								<div class='mui-col-xs-8 fS15 limit-text'>{{listin.product_name}}</div>
								<div class='mui-col-xs-4 tR fS15'>&yen;{{listin.price}}</div>
							</div>
						</div>
						<div class='mui-row title-detail'>
							<div class='mui-col-xs-10 fS12 cGrey'>{{listin.stock_shop_title}}</div>
							<div class='mui-col-xs-2 tR fS15'>X {{listin.num}}</div>
						</div>
					</div>
				</div>	
				{{/each}}
			</section>		
			<div class='tR pR16 bB lH44 fS15'>总计 ： &yen;{{list.total_price}}</div>
			{{if list.status == 0}}
			{{else if list.status == 1}}
			<section class='tR pR16 bB order-status pT7 pB7'>
				<button class='btn btn-white fS15 tC pL19 pR19 pT4 pB4 cancel' data-id='{{list.order_id}}'>取消</button>
				<button class='btn btn-black fS15 tC pL30 pR30 pT4 pB4 topay' data-id='{{list.order_id}}'>去付款</button>
			</section>
			{{else if list.status == 2}}
			{{else if list.status == 3}}
			<section class='tR pR16 bB order-status pT7 pB7'>
				<button class='btn btn-black fS15 tC pL30 pR30 pT4 pB4 wuliu' data-id='{{list.order_id}}'  data-kd ='{{list.shipping_express_name}}'>查看物流</button>
				<button class='btn btn-black fS15 tC pL30 pR30 pT4 pB4 surereci' data-id='{{list.order_id}}'>确认收货</button>
			</section>
			{{else if list.status == 4}}
				<button class='btn btn-black fS15 tC pL30 pR30 pT4 pB4 wuliu' data-id='{{list.order_id}}'  data-kd ='{{list.shipping_express_name}}'>查看物流</button>
				<button class='btn btn-black fS15 tC pL30 pR30 pT4 pB4 surereci' data-id='{{list.order_id}}'>确认收货</button>
			{{/if}}
		</div>
		{{/each}}
			
		{{/if}}
	{{/*<!--订单单元结束-->*/}}
	</script>
	
	<div class='reco'></div>
</body>
<script src='../js/common/jquery.min.js'></script>
<script src="../js/common/template.js"></script>
<script src='../js/common/api.js'></script>
<script src="../js/common/loading.js"></script> 
<script src="../js/common/app.js"></script> 
<script src='../layer/layer.js'></script>
<script src='../js/common/header.js'></script>
<script src='../js/common/footer.js'></script>
<script src='user.orderlist.js'></script>
</html>